<template>
	<view>
		<view class="wall_1">
			<text class="wall_2">累计收入(元)</text>
			<text class="wall_3">0.00</text>
			<button type="warn" class="wall_4" style="color: white;border: 2px solid white;" plain="true">立即提现</button>
		</view>
		<!-- 底下功能区2 -->
		<view class="myUn7" v-for="(item,value) in BottonGongne" :key=value @click="BottonTo(item.id)"
			v-if="userinfo.userType==='新用户' || userinfo.userType==='学生'?item.id===1 || item.id===2 || item.id===4 || item.id===5:item.id===1 || item.id===2 || item.id==3 ||item.id===4 || item.id===5">
			<image class="myUn8" :src="item.img">
			</image>
			<text class="myUn9">{{ item.name }}</text>
			<image class="myUn10"
				src="https://bkimges.oss-cn-beijing.aliyuncs.com/images/%E6%88%91%E7%9A%84%E7%95%8C%E9%9D%A2-My/%E4%B8%8B%E6%96%B9%E5%8A%9F%E8%83%BD%E5%8C%BA/%E7%AE%AD%E5%A4%B4%20%E5%8F%B3.png"
				mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				BottonGongne: [{
						id: 1,
						name: '交易明细',
						img: 'https://bkimges.oss-cn-beijing.aliyuncs.com/Img提现.png?oss-cn-process=image/watmek',
					},
					{
						id: 2,
						name: '提现记录',
						img: 'https://bkimges.oss-cn-beijing.aliyuncs.com/Img交易记录.png?oss-cn-process=image/watmek',
					}
				]
			};
		}
	}
</script>

<style lang="scss">
	.wall_1 {
		height: 200px;
		background-color: #FD3E4D;
	}

	.wall_2 {
		position: absolute;
		left: 280rpx;
		top: 20rpx;
		color: white;
	}

	.wall_3 {
		position: absolute;
		left: 275rpx;
		top: 80rpx;
		font-size: 100rpx;
		color: white;
	}

	.wall_4 {
		position: absolute;
		left: 120rpx;
		top: 240rpx;
		width: 500rpx;
		border-radius: 25px;
		border: 2px solid white;
		color: white;
		font-weight: bold;
	}

	.wall_5 {
		border: 2px solid #51d3d3;
		color: #51d3d3;

	}

	.myUn7 {
		position: relative;
		width: 100%;
		height: 100rpx;
		background-color: #ffffff;
		top: 0px
	}

	.myUn8 {
		position: absolute;
		width: 60rpx;
		height: 60rpx;
		top: 20rpx;
		left: 20rpx;
	}

	.myUn9 {
		position: absolute;
		top: 30rpx;
		left: 100rpx;
		font-size: 30rpx;
	}

	.myUn10 {
		position: absolute;
		width: 40rpx;
		height: 40rpx;
		top: 30rpx;
		left: 680rpx;
	}
</style>
